<template>
  <div class="about">
    <h1>关于页面</h1>
    <button @click="toCart">去购物车</button>
    <hr>
    <button @click="toPrev">回退到上一页</button>
    <button @click="$router.go(-1)">上一页</button>
  </div>
</template>
<script>
export default {
  methods:{
    toCart(){
        // vue的编程式跳转方法2 replace
        // replace不会产生历史记录 回不去上一步了
       this.$router.replace("/cart");
    },
    toPrev(){
      // this.$router.go()  // go方法可以前进或者后退
      // 参数是正数就前进几步    负数就后退几步
      // +1 前进一步   -1 后退一步
      this.$router.go(-1)
    }
  }
}
</script>
